<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-zy" id="app">
    <layout :header="true">
      <div class="con">
        <div class="ov list">
          <a v-for="(item, index) in list" :href="item.path" class="item flex-bect">
            <img :src="item.image" class="logos" alt="" />
            <div class="div flex1">
              <div class="name">{{item.name}}</div>
              <div class="intro">{{item.intro}}</div>
            </div>
          </a>
        </div>
      </div>
    </layout>
  </div>

  <script type="text/babel">
    let path = {
      xqjy:'01xqjy.html',
      gsgl:'02gsgl.html',
      gyjqr:'03gyjqr.html',
      jjgl:'04jjgl.html',
      it:'05it.html',
      rjgc:'06rjgc.html',
      yyhl:'07yyhl.html',
      yinszy:'08yszy.html',
      art:'09art.html',
      kjzy:'10kjzy.html',
      yyfl:'11yyfl.html',
      jxgc:'12jxgc.html',
      gyjqr:'13gyjqr.html',
      tsyx:'14tsyx.html',
      gsyx:'15gsyx.html',
      ksbm:'16ksbm.html',
      lqcx:'17lqcx.html',
      xxcx:'18xxcx.html',
      shzs:'19shzs.html',
      zycs:'20zycs.html',
    }
    new Vue({
      el: '#app',
      data: {
        list:[],
      },
      mounted() {
        this.getCon();
      },
      methods:{
        getCon(){
          this.list = [
            {id:1, intro:'晋升 涨薪 技能', name:'学前教育', image:'./static/image/32zy/ico1.png', path:path.xqjy},
            {id:2, intro:'人力资源、财务', name:'工商管理', image:'./static/image/32zy/ico2.png', path:path.gsgl},
            {id:3, intro:'电子、物流', name:'工业机器人', image:'./static/image/32zy/ico3.png', path:path.gyjqr},
            {id:4, intro:'管理思想', name:'经济管理', image:'./static/image/32zy/ico4.png', path:path.jjgl},
            {id:5, intro:'行业需求量大', name:'IT/计算机', image:'./static/image/32zy/ico5.png', path:path.it},
            {id:6, intro:'工程化方法构建', name:'软件工程', image:'./static/image/32zy/ico6.png', path:path.yjgc},
            {id:1, intro:'临床护理、护士', name:'医院护理', image:'./static/image/32zy/ico1.png', path:path.yyhl},
            {id:8, intro:'表演、戏剧学', name:'影视专业', image:'./static/image/32zy/ico8.png', path:path.yinszy},
            {id:9, intro:'传媒累、设计', name:'艺术专业', image:'./static/image/32zy/ico9.png', path:path.art},
            {id:10, intro:'出纳、税费', name:'会计专业', image:'./static/image/32zy/ico10.png', path:path.kjzy},
            {id:11, intro:'立法、司法', name:'语言法律', image:'./static/image/32zy/ico11.png', path:path.yyfl},
            {id:12, intro:'开发、制造', name:'机械工程', image:'./static/image/32zy/ico12.png', path:path.jxgc},
            {id:13, intro:'地理研究', name:'教育理学', image:'./static/image/32zy/ico13.png', path:path.jylx},
            {id:14, intro:'立即咨询', name:'特色院校', image:'./static/image/32zy/ico14.png', path:'31school.html'}
          ]
        }
      }
    })
  </script>
</body>
</html>